<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>东阳交通事故管理系统--案件立案</title>
	<%@ include file="/pages/common/common.jsp" %>	
	<%@ include file="/pages/common/detail.jsp" %>
    <script type="text/javascript">
    jQuery(function($){
		$('#gridTable').datagrid({
			title:'案件列表', //标题
			method:'post',
			iconCls:'icon-edit', //图标
			singleSelect:false, //多选
			height:360, //高度
			fitColumns: true, //自动调整各列，用了这个属性，下面各列的宽度值就只是一个比例。
			striped: true, //奇偶行颜色不同
			collapsible:true,//可折叠
			url:"${ctx}/case/queryRegister.adm", //数据来源
			sortName: 'caseNo', //排序的列
			sortOrder: 'desc', //倒序
			remoteSort: true, //服务器端排序
			idField:'idBgt', //主键字段
			queryParams:{}, //查询条件
			nowrap:false,
			pagination:true, //显示分页
			rownumbers:true, //显示行号
			rowStyler:function(index,row){
				if (row.registerDate!=null && row.isOutTime == 1){
					return 'background-color:#FFC1C1;';
				}else if(row.registerDate==null && row.startDate!=null){
					var now = new Date();
					var year = row.startDate.toString().split(" ")[0].split("-")[0];
					var month = row.startDate.toString().split(" ")[0].split("-")[1];
					var day = row.startDate.toString().split(" ")[0].split("-")[2];
					var hour = row.startDate.toString().split(" ")[1].split(":")[0];
					var minute = row.startDate.toString().split(" ")[1].split(":")[1];
					var second = row.startDate.toString().split(" ")[1].split(":")[2];
					if (now.getTime()-new Date(year,month,day,hour,minute,second).getTime()>24*60*60*1000){
						return 'background-color:#FFC1C1;';
					}
				}
			},
			columns:[[
				{field:'ck',checkbox:true,width:2}, //显示复选框
				{field:'caseNo',title:'案件编号',width:30},
				{field:'startDate',title:'提交时间',width:30},
				{field:'registerDate',title:'立案时间',width:30},
				{field:'registerContent',title:'立案内容',width:45,
					styler:function(value,row,index){
						return 'height:50px';
					}
				},
				{field:'tamsPerson',title:'立案人',width:20,
					formatter:function(value,row){
						if(row.tamsPerson)
							return row.tamsPerson.personName;
					}
				},
				/*{field:'isOutTime',title:'是否超时限',width:45,
					formatter:function(value,row){
						if (row.isOutTime == 1){
							return '超时';
						}else{
							return '未超时';
						}
					}
				},*/
				{field:'remark',title:'备注',width:20}
				
			]],
			toolbar:[
				'-',{
					text:'立案',
					iconCls:'icon-edit',
					handler:function(){
						openRegister();
					}
				},'-',
				{
					text:'当事人管理',
					iconCls:'icon-edit',
					handler:function(){
						openParty();
						return false;
						//location.href="${ctx}/pages/party/party_list.jsp";
					}
				},'-'
			],
			onLoadSuccess:function(){
				$('#gridTable').datagrid('clearSelections'); //一定要加上这一句，要不然datagrid会记住之前的选择状态，删除时会出问题
			},
			onDblClickRow:function(rowIndex,rowData){ //双击事件
				openDetail(rowData.caseNo);
			}
		});		
		
		///填充查询条件中的国部门列表
		$("#qOutDept").combobox({
			valueField:'idBgt', //值字段
		    textField:'deptName', //显示的字段
		    url:'${ctx}/common/queryAllDept.con?flag=t',
		    panelHeight:'auto',
			editable:false,//不可编辑，只能选择
			onSelect:function(record){//当选择时触发,重新根据部门查询警员
		    	$("#qOutPerson").combobox('reload','${ctx}/common/queryDeptPerson.con?deptId='+record.idBgt);
			}
		});
		
		//填充查询条件中的警员列表
		$("#qOutPerson").combobox({
			valueField:'idBgt', //值字段
		    textField:'personName', //显示的字段
		    panelHeight:'auto',
			editable:false,//不可编辑，只能选择
			data:[{idBgt:'',cityCn:'请选择部门'}]
		 });
		
		
	});
    /** 打开立案对话框 */
    function openRegister(){
    	var rows = $('#gridTable').datagrid('getSelections');//json：[{},{}]
		//这里有一个jquery easyui datagrid的一个小bug，必须把主键单独列出来，要不然不能多选
		if(rows.length==0){
			$.messager.alert('提示','请选择你要立案的案件','info');
			return;
		}
		if(rows.length > 1){
			$.messager.alert('提示','只能选择一个案件进行立案操作','info');
			return;
		}
		$("#MyPopWindow").window({
  			title:'立案案件',
  			href:'${ctx}/pages/register/case_register.jsp',
  			width:600,
  			height:500,
  			onLoad: function(){
  				//查询案件
  				queryCase(rows[0].caseNo);
  			}
  		});
	}
    
    /** 立案操作 */
	function register(){
		$.post('${ctx}/case/register.adm',$("#caseForm").serializeArray(),function(data){;
			if(data.success){//操作成功
				$.messager.alert('提示','操作成功','info');
				$('#gridTable').datagrid('reload');//刷新数据
				$('#MyPopWindow').window('close');//关闭窗口
			}else{
				$.messager.alert('提示',data.msg,'warning');	
			}
		});
	}
   
    
    /** 表格查询 */
	function searchInfo(){
		var fields =$('#queryForm').serializeArray(); //自动序列化表单元素为JSON对象数据格式如下
		// [ 
		//     {name: 'firstname', value: 'Hello'}, 
		//     {name: 'lastname', value: 'World'},
		//     {name: 'alias'}, // this one was empty
  		// ]
		var params={};
		$.each( fields, function(i, field){//设置查询参数
			params[field.name] = field.value;
		});
		$('#gridTable').datagrid('reload',params); //设置好查询参数 reload 一下就可以了
	}
	/** 清空查询条件 */
	function clearForm(){
		$('#queryForm').form('clear');
	}
	
	/** 打开当事人管理页面 */
    function openParty(){
    	var rows = $('#gridTable').datagrid('getSelections');//json：[{},{}]
		//这里有一个jquery easyui datagrid的一个小bug，必须把主键单独列出来，要不然不能多选
		if(rows.length==0){
			$.messager.alert('提示','请选择你要操作的案件','info');
			return;
		}
		if(rows.length > 1){
			$.messager.alert('提示','只能选择一个案件进行操作','info');
			return;
		}
		
		//window.alert("xxx");
		var deal = '';
		switch(rows[0].dealType)
		{
			case ${status.CASE_DEAL_COMMON}:
				deal = '一般案件';
				break;
			case ${status.CASE_DEAL_SIMPLE}:
				deal = '简易案件';
				break;
			default:
				deal = '未知';
				break;
		}
		
		//window.alert("xxx");
		
		window.location.href="${ctx}/pages/party/party_list.jsp?caseNo="+rows[0].caseNo+"&dealType="+deal;
	}
  </script>	
  </head>
  
  <body>
    <form id="queryForm" class="qform">
		<table class="qtable" width="100%">
			<tr>
				<td class="qtd">案件编号：<input name="caseNo" style="width: 100px;"></td>
				<td class="qtd">是否完成：<select class="easyui-combobox" name="isFinish" panelHeight="auto" style="width:100px;">
						<option value="${status.IS_FINISH_NO}" selected="selected">未完成</option>
						<option value="${status.IS_FINISH_YES}">已完成</option>
					</select>
				</td>
				<td class="qtd" align="center">
					<a href="#" onclick="clearForm();" class="easyui-linkbutton" iconCls="icon-no">清空</a>
					<a href="#" onclick="searchInfo();" class="easyui-linkbutton" iconCls="icon-search">查询</a>
				</td>
			</tr>	
			<tr>
				<td class="qtd">出警部门：<input name="outDept" id="qOutDept" style="width:100px;"></td>
				<td class="qtd">出&nbsp;警&nbsp;人：<input name="outPerson" id="qOutPerson" style="width:100px;"></td>
				<td class="qtd">报&nbsp;警&nbsp;人：<input name="alarmName" style="width:100px;"></td>
			</tr>
		</table>
	</form>
	<div class="griddiv">
		<table id="gridTable"></table>
	</div>
	<div id="MyPopWindow" modal="true" shadow="false" minimizable="false" cache="false" maximizable="false" collapsible="false" resizable="false" style="margin: 0px;padding: 0px;overflow: auto;"></div>
	<div id="uploadWindow" style="margin: 0px;padding: 0px;overflow: auto;"></div>
  </body>
</html>
